<template>
	<view class="class-list">
		<view class="content">
			<navigator url="" class="item" v-for="ele in 10" :key="ele">
				<image src="../../common/images/preview2.jpg" mode="aspectFill"></image>
			</navigator>
		</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.class-list{
	.content{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-gap: 16rpx;
		padding: 16rpx;
		.item{
			display: block;
			width: 100%;
			height: 100%;
			height: 440rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
}
</style>
